<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
   		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
		<title>钱包</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
	</head>
	<style type="text/css">
		.bnh-wallet-container{position: relative}
		.bnh-wallet-head{height: 3.33rem;background:#302d3e;text-align: center;padding-top: 0.67rem;color: #fff}
		.allCont span{font-size: 0.6rem;font-weight: 600}
		.bnh-yue-box{height: 3.44rem;width: 7.1rem;background: #fff;position: absolute;top: 1.75rem;left: 0.2rem;border-radius: 10px;box-shadow: 0px 5px 10px #f6f6f7;text-align: center}
		.wallet-title{margin-top: 0.73rem;font-size: 0.32rem;color: #666}
		.yue{margin-top: 1rem;color: #666}
		.yue span{font-size: 0.62rem;color: #f17421;font-weight: 600}
		.bnh-yue-btn{height: 0.93rem;width: 4.8rem;background: #ffaf3c;border-radius: 22px;color: #fff;position: absolute;top: 2.95rem;left: 1.1rem;}
		.bnh-wallet-list{min-height: 1.24rem}
		.bnh-list-head{height: 1.24rem;}
		.bnh-pieBox-title{font-size: 0.36rem;color: #000;font-weight: bold;margin-left: 0.3rem}
		.bnh-genduobox{font-weight: bold;margin-right: 0.3rem}
		.bnh-genduobox > img{height: 0.28rem;width: auto;margin-left: 3px}
		.bnh-list-item{height: 1.24rem;}
		.leixin{margin-left: 0.3rem;font-size: 0.32rem;color: #666666}
		.tipsBox{text-align: right;margin-right: 0.3rem;color: #999999}
		.tipsBox .wallet-cont{font-size: 0.36rem;line-height: 0.2rem;color: #f17421}
	</style>
	<body>
	<div class="bnh-wallet-container">
        <div class="bnh-wallet-head">
            <p class="allCont">总收益 <span>0.00</span> 元</p>
        </div>
        <div class="bnh-yue-box">
            <p class="wallet-title">可提余额</p>
            <p class="yue"><span>0.00</span> 元</p>
            <div class="bnh-yue-btn flex flex-align-center flex-pack-center"><p>提现</p></div>
        </div>
        <div style="height:2.8rem"></div>
        <!-- 收益列表 -->
        <div class="bnh-wallet-list">
            <div class="bnh-list-head border flex flex-align-center">
            <p class="bnh-pieBox-title flex-1">收益记录</p>
            <div class="bnh-genduobox flex flex-align-center">
                <p>更多</p>
                <img src="../img/right.png" alt="">
            </div>
            </div>
            <div class="bnh-list-item border flex flex-align-center">
                <p class="leixin flex-1">经销商奖励</p>
                <div class="tipsBox">
                    <p>2018-03-13 12:30</p>
                    <p class="wallet-cont">+100</p>
                </div>
            </div>
            <div class="bnh-list-item border flex flex-align-center">
                <p class="leixin flex-1">经销商奖励</p>
                <div class="tipsBox">
                    <p>2018-03-13 12:30</p>
                    <p class="wallet-cont">+100</p>
                </div>
            </div>
            <div class="bnh-list-item border flex flex-align-center">
                <p class="leixin flex-1">经销商奖励</p>
                <div class="tipsBox">
                    <p>2018-03-13 12:30</p>
                    <p class="wallet-cont">+100</p>
                </div>
            </div>
        </div>
    <div style="height:0.98rem"></div>
         <!--底部菜单-->
	    <div class="footer">
	        <div class="footBox flex">
	              <div class="foot-item">
	                  <img src="../img/home.png" alt="">
	                  <p>首页</p>
	              </div>
	              <div class="foot-item">
	                  <img src="../img/me.png" alt="">
	                  <p>用户</p>
	              </div>
	              <div class="shareBox">
	                  <img src="../img/home-share.png" >
	              </div>
	              <div class="foot-item " style="margin-left:1.3rem">
	                  <img src="../img/pople.png" alt="">
	                  <p>服务商</p>
	              </div>
	              <div class="foot-item ft-active">
	                  <img src="../img/money-active.png" alt="">
	                  <p>钱包</p>
	              </div>
	        </div>
	    </div><!--底部菜单结束-->
    </div>
	</body>
	<script type="text/javascript" src="../js/rem.js"></script>
</html>
